/* 
Theme Name: Walisz
Theme URI:  waliszewski.pl
Description: based on famous and coolest Foundation Framework
Author: @FoundationZURB, @jacek
Author URI: waliszewski.pl
Version: 1.0
License: MIT License
License URI: http://www.opensource.org/licenses/mit-license.php
*/

/*
.container - main container
#upperrow - first row
#logo - logo section
#nav - nav section
#cssswitch - placeholder for css switching
#button-switch - css switcher
#boast - three panels on mainpage
#hirestuff - hire me
#latest-post - latest post section
#latest-list - latest works list
#latest-desc - latest works description
.portfolio-tags - column with portfolio tags
#footer  - footer
#footer-menu - footer menu


#ninja-gor - it's just mountain ninja
.center - center object 

*/


body{
background: url(images/bgr.png) top repeat-x #fff ;
}
.container{
padding:5px 10px 0 10px;
}
#upperrow{
padding-bottom:5px;
}
#logo img{
padding:18px 10px 10px 0px;
}

/* main navigation nav section */
#nav a{
color:#2F2F2F;
font-style:italic;
}
#nav .flyout-toggle span{
border-top-color:#2F2F2F;
}
#nav ul{
background:url(images/panel_shadow.png) #FFFFFF bottom repeat-x;
border:1px solid #C2C2C1;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 0px 7px rgba(50, 50, 50, 0.3);
box-shadow:         0px 0px 7px rgba(50, 50, 50, 0.3);
}
#nav ul ul{
-webkit-border-radius: 0 0 12px 12px;
-moz-border-radius:0 0 12px 12px;
border-radius:0 0 12px 12px;
-webkit-box-shadow: 2px 2px 3px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    2px 2px 3px rgba(50, 50, 50, 0.5);
box-shadow:         2px 2px 3px rgba(50, 50, 50, 0.5);
}
#nav ul li:hover{
background:url(images/arrow-panel-grey.png) bottom no-repeat;
}
#nav ul .current-menu-item{
background:url(images/arrow-panel.png) bottom no-repeat;
}
#nav ul ul .current-menu-item{
background:url(images/arrow-left.png) right no-repeat;
}

#nav li.first-menu-item{
width:40px; text-indent:-9999px; background: url(images/home.png) center no-repeat;
}
#nav li.first-menu-item:hover{
 background: url(images/home.png) center no-repeat;
}
#nav .sub-menu  li{
border-bottom: 1px solid #f4f4f4;
padding:5px 0;
}
#nav .sub-menu  li:hover{
background:url(images/arrow-left.png) #f6f6f6 right no-repeat;
}
#nav .sub-menu  li a{
display:block;
}

/* end: main navigation nav section */

#cssswitch{
padding-top:16px;
text-align:center;
}
.button-switch span{
background: url(images/yeti-small.png) left no-repeat;
padding-left:40px;
padding-top:10px;
height:30px;
display:block;
}

#rowsingle{
padding:10px;
}
#rowsingle ul{
margin-left:10px;
list-style:square;
}


.center{
text-align:center;
}
#boast div.panel{
min-height:240px;
}
#boast div.panel, #latest-post div.panel{
background-color: #F9F9F9;
border:1px solid #C2C2C1;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
filter: progid:DXImageTransform.Microsoft.gradient( enabled=0 );
}
div.panel{
padding:15px;
}

#latest-list{
background: url(images/coolshade.png) right bottom no-repeat #E4F5FD;
border:1px solid #ACE3FD;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
#latest-list .alert-box{
margin:10px 40px 10px;
border-color:#00ACFD;
background:#D6F1FD;
}
#latest-list .alert-box a{
text-decoration:underline;
}
#latest-list hr{
margin:5px 20px;
/*background: url(images/spacerek.png) bottom repeat-x; */
border: solid #00A6FC;
border-width: 1px 0 0
}
#latest-desc{
margin:5px 20px;
}
#latest-desc h4{
color:#0084C8;
text-shadow: 0 1px #fff;

}

#latest-list ul.block-grid{
padding:20px;
padding-bottom:0;
margin-bottom:0;
}

#latest-list .block-grid li div.blockwrap{
margin-top:20px;
background: url(images/shade-grey.png) bottom repeat-x #ffffff;
border:1px solid #A4E0FD;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#latest-list h5 a, #latest-list .block-grid li a{
color: #2F2F2F;
font-weight:bold;
text-shadow: 0 1px #fff;
}

#latest-list .block-grid li div.blockwrap:hover{
border-color:#00ACFD;
}
#latest-list .block-grid li img{
padding-top:15px;
}
#latest-list .block-grid li h5, #latest-list .block-grid li a{
height:30px;
font-size:12px;
overflow:hidden;
}
#latest-tags{
padding:5px 40px;
}
#latest-tags .label{
margin: 0px 5px;
padding: 5px 20px;
line-height:3;
}

.portfolio-tags ul{
margin-top:40px;
}
.portfolio-tags li{
margin-bottom:24px;
}
.portfolio-tags li .label{
-moz-border-radius: 2px 15px 15px 2px;
-webkit-border-radius: 2px 15px 15px 2px;
border-radius: 2px 15px 15px 2px;
padding: 10px 0px 10px 0px;
border:2px solid #6793A4;
background: url(images/hole-icon.png) #ffffff right no-repeat;	
}

.portfolio-tags   a.label {
display:block;
width:80px;
text-align:left;
padding-left:20px;
}
.portfolio-tags   a.label:hover {
background-color:#F4F4F4;
}

.portfolio-tags li.prestashop .label{
background:url(images/prestashop-icon.png) #ffffff 2px no-repeat;
padding-left:40px;
}
.portfolio-tags li.prestashop .label:hover{
background-color:#f4f4f4;
}
.portfolio-tags li.cms .label{
background:url(images/cms-icon.png) #7CD54B 2px no-repeat;
padding-left:40px;
border-color:#406E27;
color:#ffffff;
font-size:14px;
font-weight:bold;
}
.portfolio-tags li.cms .label:hover{
background-color:#4DC10D;
}

.portfolio-tags li.wordpress .label{
padding-left:40px;
background:url(images/wordpress-icon.png) #dddddd 2px no-repeat;
color:#00769B;
}
.portfolio-tags li.wordpress .label:hover{
background-color:#ffffff;
}
.portfolio-tags li.logo .label{
padding-left:40px;
background:url(images/logo-icon.png) #FFF071 2px no-repeat;
color:#000000;
border-color:#C1AD00;
}
.portfolio-tags li.logo .label:hover{
background-color:#FFFAD1;
}

.portfolio-tags li.phpwcms .label{
padding-left:40px;
background:url(images/phpwcms.png) #D1E6F6 30px no-repeat;
text-indent:-9999px;
}

.portfolio-tags li.oscommerce .label{
padding-left:30px;
padding-right:10px;
background:url(images/oscommerce-icon.png) #ffffff 2px no-repeat;
color:#000000;
}


.portfolio-categories{
padding-left:20px;
}
.portfolio-categories .label{
background:url(images/folder.png) left top no-repeat;
}
.portfolio-categories a.label{
width:140px;
height:14px;
padding-top:8px;
display:block;
text-align:left;
padding-left:20px;
float:left;
}
.portfolio-categories a.label:hover{
color:#ffffff;
text-decoration:underline;
}


.portfolio-listing .panel{
background-color: #F9F9F9;
border:1px solid #C2C2C1;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
filter: progid:DXImageTransform.Microsoft.gradient( enabled=0 );
}
.portfolio-listing img, .archive img.attachment-thumbnail{
padding:5px;
border:1px solid #C2C2C1;
background-color:#ffffff;
}
.portfolio-listing img:hover{
border-color:#000000;
}
.portfolio-listing h5{
border-bottom: 1px solid #C4C4C4;
margin-top:10px;
}


#ninja-gor{
float:right;
padding:20px;
margin:20px;
position:absolute;
top:0px;
right:0px;
}

#ninja-gor .has-tip{
border:none;
}
ul#footer-menu{
margin:10px;
border:none;
height:24px;
}
#footer-menu li{
border-left: 1px solid #ddd;
border-right:none;
line-height: 24px;
}
#footer-menu li.main_item{
border:none;
}

#footer-menu .nav-bar > li > a.main{
padding:0;
}
#footer-menu a.main{
color:#2F2F2F;
font-size:12px;
}

#latest-post .button{
background-position: 0px -10px;
}
#button-switch.button{
background-position: 0px -20px;
}
.mainbutton{
padding:10px 0px;
}
.mainbutton span{
font-size:12px;
line-height:18px;
font-style:italic;
border-bottom:1px solid;
}
.mainbutton .button{
padding-left: 20px;
padding-right: 20px;

}
.green.button{
background-color:#33B500;
}

.green.button:hover, .green.button:focus	{ background-color: #2EA400; }	

.orange.button{
background-color:#FF8A00;
border-color:#B05F00;
}
.orange.button:hover,  .orange.button:focus	{ background-color: #C46A00; }
p.gallery-caption{
padding:2px;
margin:2px;
}
.gallery dl.gallery-item{
float:left;
padding:0px 0px 5px;
text-align:center;
}


/* more gallery */

div.gallery{
display:block;
margin:10px 10px auto;
text-align:center;
}

.gallery-columns-1 dl.gallery-item {
width:100%;
}
.gallery-columns-2 dl.gallery-item {
width:50%;
}
.gallery-columns-3 dl.gallery-item {
width:33%;
}
.gallery-columns-4 dl.gallery-item {
width:25%;
}
.gallery-columns-5 dl.gallery-item {
width:20%;
}
.gallery-columns-6 dl.gallery-item {
width:16%;
}
.gallery-columns-7 dl.gallery-item {
width:14%;
}
.gallery-columns-8 dl.gallery-item {
width:12%;
}
.gallery-columns-9 dl.gallery-item {
width:11%;
}

/* SPECIAL CLASSES */
#footer-menu li.foundation, #footer-menu li.mobilek{
height:30px;
width:40px;
text-indent:-9999px;
}
#footer-menu li.foundation{
background:url(images/yeti-micro.png) 5px no-repeat;
border:none;
}
#footer-menu li.mobilek{
background:url(images/mobile.png) 5px no-repeat;
}

/* wordpress*/

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right:10px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption{
background: #ffffff;
border:1px solid #f4f4f4;

}
.gallery-caption img, .wp-caption img{
padding:5px;
}
dd.gallery-caption, .wp-caption p{
text-align:center;
color:#20749A;
font-weight:400;
}
.mainbutton{
margin-bottom:10px;
}

span.small{
display:block;
font-size:small;
}